html,
body {
	height: 100%;
}

.bg_wrap {
	background: #F5F5F5;
	padding: 20px 0;
}
.tab_list_left {
	background: white;
	padding: 40px 20px;
}

.top {
	border-bottom: 1px solid #F1F1F1;
	padding-bottom: 20px;
}

.top_row1>span:nth-child(1) {
	font-size: 26px;
	color: #333333;
	margin-right: 10px;
}

.add_option {
	display: inline-block;
	text-align: center;
	width: 95px;
	border-radius: 5px;
	color: #FFFFFF;
	background: #25aaef;
	height: 35px;
	line-height: 35px;
	margin-left: 50px;
	cursor: pointer;
}

.top_row2 {
	margin-top: 10px;
}

.top_row2>span:nth-child(1) {
	font-size: 32px;
	margin-right: 20px;
}

.top_row2>span:nth-child(2) {
	margin-right: 10px;
}

.font_upcolor {
	color: #ff5256;
}

.font_downcolor {
	color: #4ac81b;
}

.data_wrap {
	margin-top: 10px;
}

.data_wrap>div>span:nth-child(1) {
	color: #999999;
	margin-right: 10px;
}
.echart_wrap {
	margin-top: 20px;
	background: #F2F2F2;
}

.tab_title {
	margin-top: 20px;
	margin-left: 10px;
}

.tab_title>div {
	text-align: center;
	color: #25AAEF;
	cursor: pointer;
	padding: 5px 0;
}

.tab_title_show {
	color: white !important;
	border-radius: 5px;
	background: #25AAEF;
}

.tab_title_show:hover {
	opacity: .8;
}

.tab_contents {
	margin: 20px 10px;
	background: white;
}

.echart_left_title {
	margin-top: 26px;
	color: #555555;
}

.buy>span,
.sell>span {
	height: 20px;
	line-height: 20px;
	font-size: 14px;
	margin-top: 4px;
}

.buy,
.sell {
	margin-top: 16px;
}

.font_color9 {
	color: #999999;
}

.build_btn {
	width: 186px;
	text-align: center;
	height: 45px;
	line-height: 45px;
	background: #ea7112;
	color: white;
	font-size: 18px;
	margin: 30px auto 0 auto;
	cursor: pointer;
}

.tab_list_right_bg {
	margin-left: 25px;
	background: white;
	padding: 0 20px;
	height: 803px;
}

.right_title {
	color: #333333;
	font-size: 15px;
	position: relative;
	top: 10px;
	font-weight: bold;
}

.right_content {
	margin-top: 25px;
}

.every_gp {
	border-right: 1px dashed #F1F1F1;
	border-bottom: 1px dashed #F1F1F1;
	padding: 10px 0;
	cursor: pointer;
}

.every_gp:nth-child(3) {
	border-right: none;
}

.every_gp:nth-child(4) {
	border-bottom: none;
}

.every_gp:nth-child(5) {
	border-right: 1px dashed #F1F1F1;
	border-bottom: none;
}

.every_gp:nth-child(6) {
	border: none;
}

.every_gp>div {
	text-align: center;
	margin-top: 5px;
}

.every_gp>div:nth-child(1) {
	color: #333333;
}

.every_gp>div:nth-child(2) {
	color: #999999;
	font-size: 14px;
}

.every_gp>div:nth-child(3) {
	font-size: 24px;
}

.every_gp>div:nth-child(4) {
	font-size: 14px;
}

.up_color>div:nth-child(3),
.up_color>div:nth-child(4) {
	color: #ff5256;
}

.down_color>div:nth-child(3),
.down_color>div:nth-child(4) {
	color: #4ac81b;
}

.tooltip div {
	color: white;
	font-size: 12px;
}

.tooltip span {
	width: 5px !important;
	height: 5px !important;
}

.t_row {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.t_row>div {
	width: 50%;
	font-size: 12px;
	color: white;
}

.t_row>div:nth-child(2) {
	margin-left: 5px;
}
